<template>
	<div>
		<!-- 页面内容 -->
		<div v-if="isLoading">
			<image src="https://mcdn.chatgk.com/xcx/static/images/icon/loading.gif" mode=""></image>
		</div>
		<div v-else>
			<!-- 页面内容 -->
			<button @click="fetchData">点击加载数据</button>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				isLoading: false,
				loadingColor: 'blue',
				loadingSize: '20px'
			}
		},
		methods: {
			fetchData() {
				this.isLoading = true // 显示加载动画
				// 模拟异步请求
				setTimeout(() => {
					// 请求完成后隐藏加载动画
					this.isLoading = false
					// 处理请求数据
					// ...
				}, 2000)
			}
		}
	}
</script>